import { FC, SVGProps } from 'react'

export const SocialDiscordIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
  <svg
    width="48"
    height="48"
    viewBox="0 0 48 48"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M42 45L33 37.999L34 41H10C7.239 41 5 38.762 5 36V10C5 7.238 7.239 5 10 5H37C39.762 5 42 7.238 42 10V45Z"
      fill="#8C9EFF"
    />
    <path
      d="M32.59 16.24C32.59 16.24 29.99 14.23 26.91 14L26.64 14.55C29.42 15.22 30.69 16.19 32.02 17.38C29.73 16.21 27.46 15 23.5 15C19.54 15 17.27 16.21 14.98 17.38C16.31 16.19 17.83 15.11 20.36 14.55L20.09 14C16.86 14.31 14.41 16.24 14.41 16.24C14.41 16.24 11.5 20.43 11 28.62C13.94 31.98 18.39 32 18.39 32L19.31 30.77C17.74 30.23 15.95 29.26 14.41 27.5C16.25 28.88 19.02 30 23.5 30C27.98 30 30.75 28.88 32.59 27.5C31.05 29.26 29.26 30.23 27.69 30.77L28.61 32C28.61 32 33.06 31.98 36 28.62C35.5 20.43 32.59 16.24 32.59 16.24ZM20 27C18.9 27 18 25.88 18 24.5C18 23.12 18.9 22 20 22C21.1 22 22 23.12 22 24.5C22 25.88 21.1 27 20 27ZM27 27C25.9 27 25 25.88 25 24.5C25 23.12 25.9 22 27 22C28.1 22 29 23.12 29 24.5C29 25.88 28.1 27 27 27Z"
      fill="white"
    />
  </svg>
)
